<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link href="../themes/bootstrap/easyui.css" rel="stylesheet"></link>
<!-- 引入图标样式 -->
<link href="../themes/icon.css" rel="stylesheet"></link>
<!-- 引入jquery-->
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<!-- 引入easyui.js -->
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<!-- 引入本地语言 -->
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//配置数据表格
		$('#Msg').datagrid({
			url : '${pageContext.request.contextPath}/money',
			columns : [ [ {
				field : 'payorin',
				title : '收支款项',
				width : 200
			}, {
				field : 'oid',
				title : '订单编号',
				width : 200,
				align : 'right'
			}, {
				field : 'method',
				title : '支付方式',
				width : 200,
				align : 'right'
			}, {
				field : 'money',
				title : '金额大小',
				width : 200,
				align : 'right'
			}, {
				field : 'date',
				title : '完成时间',
				width : 200,
				align : 'right'
			}, ] ],
			pagination : true,
			toolbar : '#tb',
			striped : true,
			rownumbers : true,
			queryParams : {
				date1 : "",
				date2 : "",
				opay : "全部",
				payorin : ""
			}
		});
	})

	function doSearch() {
		var date1 = $('#date1').datebox('getValue');
		var date2 = $('#date2').datebox('getValue');
		var opay = $("#opay").combobox('getText');
		var payorin = $("#payorin").val();
		$('#Msg').datagrid('reload', {
			date1 : date1,
			date2 : date2,
			opay : opay,
			payorin : payorin
		})
	}
</script>
<body style="background:url(../images/44.jpg);width: 100%; height: 100%">
	<table id="Msg"></table>
	<!-- 工具栏 -->
	<div id="tb" style="padding: 5px; height: auto">
		<div>
			日期 从:
			<input id="date1" class="easyui-datebox" editable="false" style="width: 100px">
			到:
			<input id="date2" class="easyui-datebox" editable="false" style="width: 100px">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 支付方式:
			<select id="opay" class="easyui-combobox" value="全部" editable="false" style="width: 100px">
				<option value="全部">全部</option>
				<option value="支付宝">支付宝</option>
				<option value="微信支付">微信支付</option>
				<option value="QQ钱包">QQ钱包</option>
				<option value="网银支付">网银支付</option>
				<option value="网易钱包">网易钱包</option>
			</select>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 收支款项:
			<input id="payorin" class="easyui-textbox" style="width: 100px">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a id="search" href="#" class="easyui-linkbutton" onclick="doSearch()">查询</a>
		</div>
	</div>
</body>
</html>